import React, { Component } from 'react'
import '../index.css'
import Sthkzj from './stateHook组件'
import Sfhkzj from './effectHook组件'
import RfhkZj from './refHook组件'
class hoks extends Component {
  constructor(props) {
    super(props);
    this.state = {}
  }
  render() {
    return (
      <div>
        <ul className="myUl clearfix">
          <li>
            <div>stateHook组件---使用state状态</div>
            <Sthkzj a="1"></Sthkzj>
          </li>
          <li>
            <div>effectHook组件---使用生命周期</div>
            <Sfhkzj a="1"></Sfhkzj>
          </li>
          <li>
            <div>refHook组件---ref获取媒体标签内容</div>
            <RfhkZj a="1"></RfhkZj>
          </li>
        </ul>
      </div>
    );
  }
}

export default hoks;